@charset "UTF-8";

.ha_all_img img{width: 100%;height: auto}
.hd_fen{padding-bottom: 40px}
.mg4{margin-top: -4px}
/*分页*/
.pageFen {height: 40px;text-align:center;margin-top: 60px;}

.pageFen ul li {   border: 1px solid #dedede; display: inline-block;   text-align: center; line-height: 40px; font-size: 16px;margin:0 4px;  width: 40px; height: 40px;   cursor:pointer;}

.pageFen ul li a {width: 40px;height: 40px;  color: #000;}
.pageFen ul li.page_on1 {width: 80px!important;}

.pageFen ul li:last-child {margin-right: 0px;}

.pageFen ul li.on {background: #A9A9A9;}


.pageFen ul li.on a {color: #fff;}

.pageFen ul li:hover {background: #A9A9A9;}

.pageFen ul li:hover a {color: #fff;}

/*首页头部*/
.centerz{
    background-color: #333333;
    border-bottom:3px solid #333333;
}
.logo{
    width: 500px;
    margin-top: 30px;
}
.search{
    background-color: #fff;
    margin-top: 35px;
    margin-left: 40px;
}
.center .tel{
    color: #fff;
    margin-top: 30px;
}
.center{
    height: 100px;
}
.logo_zuo{
    width: 178px;
    float: left;
    height:33px;
    overflow: hidden;
}

.logo_zuo a {
    height: 33px;
    display: block;
    font-size: 0;
    position: relative;
    overflow: hidden;
}

.logo_zuo a:before,.nav_logo:before{
    content:"";
    position:absolute;
    width:220px;
    height:15px;
    background-color:rgba(50,50,50,0.53);
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg);
    -webkit-animation:searchLights 1s ease-in 1s infinite;
    -o-animation:searchLights 1s ease-in 1s infinite;
    animation:searchLights 1s ease-in 1s infinite
}


@-webkit-keyframes searchLights{0%{left:-100px;top:0}to{left:120px;top:100px}}
@-o-keyframes searchLights{0%{left:-100px;top:0}to{left:120px;top:100px}}
@-moz-keyframes searchLights{0%{left:-100px;top:0}to{left:120px;top:100px}}
@keyframes searchLights{0%{left:-100px;top:0}to{left:120px;top:100px}}


.logo_you{
    width: 164px;
    float: right;
}
.logo_zhong{
    width: 90px;
    float: left;
    margin-left: 30px;
    margin-top: 7px;
    cursor: pointer;
    position: relative;
    height: 40px;
}
.logo_zhong_to{
    width: 19px;
    height: 23px;
    float: left;
}
.logo_zhong_on{
    width: 52px;
    float: left;
    color: #fff;
    font-size: 18px;
    margin-left: 5px;
    text-align: center;
}
.logo_zhong_so{
    width: 11px;
    height: 6px;
    float: left;
}
.logo_zhong:hover .logo_zhong_hover{
    height:373px;
    transition:0.5s;
}
.logo_zhong_hover{
    width: 100%;
    height: 0px;
    position: absolute;
    left: 0;
    top: 40px;
    background: rgba(0,0,0,0.6);
    z-index: 9999999;
    overflow: hidden;
}
.logo_zhong_hover li{
    width: 90%;
    margin: auto;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    border-bottom: 1px solid #fff;
}
.logo_zhong_hover li a{
    color: #fff;
}

.five_so_buttons{
    width: 400px;
    height: 54px;
    float: left;

    margin-top:131px;
    background: rgba(0,0,0,0);
    border: none;
    outline: none;
    cursor: pointer;
}

@keyframes seconddiv{
    0% {transform: scale(1.4,1.4);}
    10% {transform: scale(1,1);}
    25% {transform: scale(1.2,1.2);}
    50% {transform: scale(1,1);}
    70% {transform: scale(1.2,1.2);}
    100% {transform: scale(1,1);}
}

/*首页导航*/
.nav ul .nav_logo{padding: 0px;margin-top: 15px;display: none;width: 160px;height:30px; overflow:hidden;}
.xiala{
    width: 100%;
    height: 0px;
    background:rgba(0,0,0,0.6);
    position: absolute;
    top: 63px;
    left: 0px;
    transition: 0.7s all;
    overflow: hidden;
}
.nav ul li:hover .xiala{
    transition: 0.7s all;
    height: 80px;
}
.nav ul li:hover .xiala_zxfw{
    transition: 0.7s all;
    height: 40px;
}

.nav ul li:hover .xiala_cas{
    transition: 0.7s all;
    height: 120px;
}

.nav ul li:hover .xiala_jxl{
    transition: 0.7s all;
    height: 160px;
}

.xiala div{
    width: 80%;
    margin: auto;
    height: 40px;
    line-height: 40px;
    border-top: 1px solid #ccc;
    text-align: center;
    color: #fff;
}
.xiala div:hover{
    color: #b17f32;
}
.fan_ding{
    width: 60px;
    height: 60px;
    position: fixed;
    right: 20px;
    bottom: 50px;
    z-index: 9999999;
    display: none;
    cursor: pointer;
}
.xiala a{ padding:0!important;}
.dialogs{
    position: fixed;
    _position:absolute;
    z-index:1;
    top: 50%;
    left: 50%;
    margin: -341px 0 0 -201px;
    width: 447px;
    height:717px;


    font-size: 18px;
    overflow:hidden;
    z-index:9999;
    display:none;
    background: url('../images/hongbao.png') no-repeat center center;
}
.dialogs input{box-sizing: content-box;}

.five_so_inputss{
    width: 340px;
    height: 50px;
    float: left;
    padding-left:80px;
    background: rgba(0,0,0,0);
    color:#fff;
    border: none;
    outline: none;
    margin-bottom: 11px;
    font-size: 20px;
}
.dialogs label{ color:#e3c653;}
.nubs{ }

.radio-check input[type='radio']:checked + label:before {
    border-color: #e3c653;
}
.radio-check input[type='radio']:checked + label:after {
    background: #e3c653;
}

.radio-check > label:before {
    content: '';
    position: absolute;
    left: -30px;
    top: 0px;
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #e3c653;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}
.radio-check > label:after {
    content: '';
    position: absolute;
    left: -30px;
    top: 0px;
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-top: 6px;
    margin-left: 6px;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}

.radio-check {
    position: relative;
    height: 35px;
    top:140px;
}
.radio-check > input {
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height:20px;
    opacity: 0;
}
.radio-check > label {
    position: absolute;
    left: 30px;
    line-height: 20px;
    top: 0px;
}

#test2{ top:100px;}

@keyframes shake {
    from {
        transform:rotate(15deg)
    }
    to {
        transform: rotate(-15deg)
    }
}
.redbag-wrap {
    position:fixed; z-index:9999; left:25%; top:0;
}
.wrap {
    width: 100%;
    width: 240px;
    height: 0;
    position: absolute;
    z-index: 100;
    top: 0px;
    right: 0;
    animation-name: shake;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(.6, 0, .3, 1);
    animation-direction: alternate;
    transform-origin: top center;
}

.zx_xrhb {
    height: 262px;
    position: absolute;
    width: 3px;
    right: 135px;
    /* top: -10px; */
    background: url('../images/line.png')no-repeat center;
    box-shadow: rgba(0,0,0,.07) 8px 0 10px;
}
.zx_xrhb .line {
    position: absolute;
    bottom: -90px;
    left: -58px;
    display: none;
    z-index: 10;
    /* width: 149px; */
    /* height: 141px; */
    margin: 0;
    background: initial;
}
.zx_xrhb img {
    cursor: pointer;
    z-index: 100;
    position: relative;
    display: block;
    width: 117px;
    /* height: 100px; */
    /* height: 200px; */
    /* height: 144px;
    animation-name: shake;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(.6, 0, .3, 1);
    animation-direction: alternate;
    transform-origin: center;*/
}
.red-mark {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0.6;
    filter: alpha(opacity=60);
    z-index: 99999;
}

.red-packet.active form {
    display: none;
}
.red-packet .red-close {
    width: 32px;
    height: 117px;
    position: absolute;
    right: 55px;
    top: 0;
    border-right: 1px solid #fff;
}
.red-packet .red-center {
    width: 70%;
    margin: 0 auto;
    padding: 0px 20px;
    margin-top: 250px;
}
.red-packet .red-close img {
    position: absolute;
    left: 16px;
    top: -32px;
    cursor: pointer;
}
.red-center input.ipt {
    margin-bottom: 14px;
    height: 50px;
    padding: 0 5%;
    background: #fbf2bc;
    color: #b5ab72;
    width: 80%;
    margin: 0 auto;
    border-radius: 50px;
    display: block;
    font-size: 16px;
}
.red-center .red-btn {
    text-align: center;
    background: transparent;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
    height: 100px;
    margin: 0 auto;
    display: block;
    border: 0px;
    width: 200px;
    height: 100px;
}
.red-center input.ipt {
    border: 0px
}
.zx-dialog-wrap {
    display: none
}
.zx_xrhb img.shake2 {
    margin-top: -207px;
    z-index: 1;
    display: none;
}


#iphone {
    z-index: 9999999
}
.ltbm .red-center input.ipt {
    float: left;
    margin-bottom: 0px;
    height: 25px;
    padding: 0;
    background: none;
    color: #333;
    width: 46%;
    margin: 0 auto;
    border-radius: 0px;
    display: block;
    margin-top: 41px;
    font-size: 12px;
    margin-left: 16px
}
.ltbm .red-center .red-btn {
    text-align: center;
    background: transparent;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
    height: 100px;
    margin: 0 auto;
    display: block;
    border: 0px;
    width: 90px;
    height: 28px;
    float: left;
    margin-top: 40px;
}
/*首页轮播*/
.swiper-container_banner{
    width: 100%;
    position: relative;
    top: -65px;
}
.swiper-container_banner img{
    display: table;
    width: 100%;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
    position: absolute;
    z-index: 5;
    left: 46%;
    width: auto;
}
.swiper-pagination-bullet-active{
    background: #fff;
}
.swiper-pagination-bullet{
    width: 0.3rem;
    height: 0.06rem;
    background: #ccc;
    border-radius: 0;
}
.swiper-container_banner:hover .swiper-button-next_banner ,.swiper-container_banner:hover .swiper-button-prev_banner{
    display: block;
    transition: 1s;
}
.swiper-button-next_banner{
    width: 18%;
    height: 100%;
    position: absolute;
    left: 0;
    top:0;
    z-index: 5;
    background:-moz-linear-gradient(left,rgba(0,0,0,0.5),rgba(0,0,0,0.001));/*Mozilla*/
    background:-webkit-gradient(linear,0 50%,100% 50%,from(rgba(0,0,0,0.5)),to(rgba(0,0,0,0.001)));/*Old gradient for webkit*/
    background:-webkit-linear-gradient(left,rgba(0,0,0,0.5),rgba(0,0,0,0.001));/*new gradient for Webkit*/
    background:-o-linear-gradient(left,rgba(0,0,0,0.5),rgba(0,0,0,0.001)); /*Opera11*/
    display: none;
}
.swiper-button-prev_banner{
    width: 18%;
    height: 100%;
    position: absolute;
    right: 0;
    top:0;
    z-index: 5;
    background:-moz-linear-gradient(right,rgba(0,0,0,0.5),rgba(0,0,0,0.001));/*Mozilla*/
    background:-webkit-gradient(linear,0 50%,100% 50%,from(rgba(0,0,0,0.5)),to(rgba(0,0,0,0.001)));/*Old gradient for webkit*/
    background:-webkit-linear-gradient(right,rgba(0,0,0,0.5),rgba(0,0,0,0.001));/*new gradient for Webkit*/
    background:-o-linear-gradient(right,rgba(0,0,0,0.5),rgba(0,0,0,0.001)); /*Opera11*/
    display: none;
}
.banner_you{
    width: 0.3rem;
    margin-left: 50%;
    height: 0.55rem;
    cursor: pointer;
    opacity: 0.6;
    transition: 1s;
}
.banner_zuo{
    width: 0.3rem;
    margin-left: 40%;
    height: 0.55rem;
    cursor: pointer;
    opacity: 0.6;
    transition: 1s;
}
.swiper-button-next_banner:hover .banner_zuo{
    opacity: 1;
    transition: 1s;
}
.swiper-button-prev_banner:hover .banner_you{
    opacity: 1;
    transition: 1s;
}

/*首页五块图片*/
.land_pc_exit{
    width: 100%;
    height: 1.7rem;
    background-color: #333333;
    position: relative;
    display: table;
    margin-top: -65px;
}
.land_pc_exit_on{
    width: 16rem;
    margin: auto;
    display: table;
    position: relative;
}
.land_pc_exit_on ul li{
    width: 3rem;
    height: 1.11rem;
    float: left;
    cursor: pointer;
    position: relative;
    background-color: #b89e85;
    margin-right: 0.245rem;
    color: #eeeeed;
    border-radius:0.2rem;
}
.land_pc_exit_on ul li:hover{
    background-color: #ea5c25;
    color: #fff;
    transition: 0.25s;
}
.land_pc_exit_on ul .land_pc_exit_on_d{
    margin-right: 0rem;
}

.land_pc_exit_on_a_er{
    width: 2rem;
    float: right;
}
.land_pc_exit_on_a_er_yi{
    letter-spacing:0.01rem;
    font-size:0.18rem;

}
.land_pc_exit_on_a_er_er{
    font-size: 0.14rem;
}

.land_pc_exit_on_a_yi{
    width: 0.44rem;
    height: 0.44rem;
    background: url("../images/os_1s.png")no-repeat;
    background-size: 100%;
    float: left;
    margin-top: 0.34rem;
    margin-left: 0.4rem;

}
.land_pc_exit_on_a:hover .land_pc_exit_on_a_yi{
    background: url("../images/os_1.png")no-repeat;
    background-size: 100%;
    transition: 0.25s;
}

.land_pc_exit_on_er{
    width: 0.44rem;
    height: 0.44rem;
    background: url("../images/os_5s.png")no-repeat;
    background-size: 100%;
    float: left;
    margin-top: 0.35rem;
    margin-left: 0.4rem;

}
.land_pc_exit_on_b:hover .land_pc_exit_on_er{
    background: url("../images/os_5.png")no-repeat;
    background-size: 100%;
    transition: 0.25s;
}

.land_pc_exit_on_san{
    width: 0.44rem;
    height: 0.44rem;

    background: url("../images/os_2s.png")no-repeat;
    background-size: 100%;
    float: left;
    margin-top: 0.34rem;
    margin-left: 0.4rem;

}
.land_pc_exit_on_c:hover .land_pc_exit_on_san{
    background: url("../images/os_2.png")no-repeat;
    background-size: 100%;
    transition: 0.25s;
}

.land_pc_exit_on_si{
    width: 0.44rem;
    height: 0.44rem;
    background: url("../images/os_3s.png")no-repeat;
    background-size: 100%;
    float: left;
    margin-top: 0.34rem;
    margin-left: 0.4rem;

}
.land_pc_exit_on_d:hover .land_pc_exit_on_si{
    background: url("../images/os_3.png")no-repeat;
    background-size: 100%;
    transition: 0.25s;
}

.land_pc_exit_on_wu{
    width: 0.44rem;
    height: 0.44rem;
    background: url("../images/os_4s.png")no-repeat;
    background-size: 100%;
    float: left;
    margin-top: 0.32rem;
    margin-left: 0.4rem;

}
.land_pc_exit_on_e:hover .land_pc_exit_on_wu{
    background: url("../images/os_4.png")no-repeat;
    background-size: 100%;
    transition: 0.25s;
}

/*菡萏10年*/
.land_pc_gai_on{
    width: 100%;
    height: auto;
    position: relative;
}
.land_pc_gai_on img{
    display: table;
    width: 100%;
}
.land_pc_gai_on_yi{
    width: 16rem;
    position: relative;
    margin: auto;
}
.land_pc_gai_on_er{
    width: 100%;
    height: auto;
    display: table;
}
.land_pc_gai_on_zuo{
    width: 81.25%;
    float: left;
}
.land_pc_gai_on_you{
    width: 18.75%;
    float: left;
}
.advervido{
    margin-top: 0;
}
.video_yan_ying{
    height: 3.5rem;

}
.advervido .vido , .video_yan{
    width: 100%;
    height: 3.5rem;
    background:url(../images/spfm.jpg) no-repeat;
}
.video_yan_pal{
    left: 6rem;
    top: 1.3rem;
}
.video_yan{
    background-color: #000;
}
.rs_on{
    width: 16.02rem;
    margin: auto;
    position: relative;
    display: table;
}
.rs_on img{
    width: 100%;
    display: table;
}
.rs_on_yi{
    width: 6.98rem;
    height: 4.06rem;
    float: left;
}
.rs_on_er{
    width: 3.03rem;
    float: left;
}
.rs_on_san{
    width: 2.99rem;
    float: left;
}
.rs_on_si{
    width: 3rem;
    float: left;
}
.rs_on_er_on{
    width: 100%;
    height: 2.03rem;
    position: relative;
}
.rs_on_er_to{
    background-color: #b89e85;
    color: #ebebeb;
    font-size: 0.2rem;
    letter-spacing:0.01rem;
}
.rs_on_er_so{
    background-color: #ebebeb;
    color: #2b2934;
    font-size: 0.2rem;
    letter-spacing:0.01rem;
}
.rs_on_er_ecx{
    position: absolute;
    margin-left: 0.7rem;
}
.rs_on_er_ecx_on{
    font-size: 0.4rem;
    font-family: "Microsoft YaHei", 微软雅黑, "MicrosoftJhengHei", 华文细黑, STHeiti, MingLiu;
}
.rs_on_er_ecx_to{
    font-size: 0.25rem;
}
/*标题样式*/
.biaoti{
    width: 4.85rem;margin: auto;height: 1.7rem;
    position: relative;
}
.biaoti_on{
    position: relative;
    font-family:华文中宋,myhuawen;
    color: #2c2a35;
}
.biaoti_to{
    width: 2.2rem;
    height: 1px;
    position: absolute;
    background-color: #bebdc2;
    right: 0.05rem;
    bottom: 0.18rem;
}
.biaoti_so{
    font-size: 0.12rem;
    font-family:方正兰亭细黑,myxihei;
    color: #bdbdbf;
    opacity: 0.8;
    letter-spacing: 0.02rem;
}

.rs_on_er_on{
    -webkit-transition: ease 0.25s;
    transition: ease 0.25s;
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%;
}
/*.rs_on_er_on:hover{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    position: relative;
    z-index: 9;
    box-shadow: 2px 2px 2px #ccc;
}*/
.video_shijian_z{
    color: #fff;
    font-size: 0.2rem;
    position: absolute;
    left: 0.2rem;
    bottom: -0.2rem;
}
.video_yan:hover .video_shijian_z{
    bottom: 0.2rem;
    transition: ease 0.5s;
}
.index_fu{
    transition: 0.35s;
    height: 0.5rem;
}
.rs_on_er_on:hover .index_fu{
    height: 0.4rem;
    transition: 0.35s;
}
/*精致生活*/
.land_pc_gai_to{
    width: 100%;
    height: auto;
    position: relative;
    background: #232227;
}
.land_pc_gai_to img{
    display: table;

}
.land_pc_gai_to_yi{
    width: 100%;
    position: absolute;
    top: 1.66rem;
    display: table;
}
.land_pc_gai_to_yi_a{
    width: 7.2rem;
    float: left;
}
.land_pc_gai_to_yi_b{
    width: 11.64rem;
    float: right;
}
.land_pc_gai_to_yi_c{
    width: 11.92rem;
    float: left;
}
.land_pc_gai_to_yi_d{
    width: 6.96rem;
    float: right;
}
.gai_on{
    width: 100%;
    position: absolute;
    top: 0.03rem;
    left: 0;
}
.gai_to{
    width: 14.29rem;
    position: relative;
    left:4.92rem;
    bottom: 0;
}
.gai_so{
    width: 9.98rem;
    position: absolute;
    top: 0.6rem;
    left: 3.5rem;
    height:400px;
}

.gai_to img{
    display: table;
}
.gai_fo{
    width: 4.7rem;
    position: absolute;
    top: 1.3rem;
    left: -1.25rem;
}
.gai_fo ul li{
    width: 1.83rem;
    height: 0.72rem;
    float: left;
    text-align: center;
    line-height: 0.72rem;
    font-size:0.22rem;
    border: 1px solid #c7c7c7;
    margin-right: 0.1rem;
    margin-bottom: 0.2rem;
    letter-spacing: 0.04rem;
    color: #c7c7c7;
    cursor: pointer;
    transition: 0.5s;
}
.gai_fo ul li:hover{
    width: 1.83rem;
    height: 0.72rem;
    border: 1px solid #a57a3f;
    color: #d09c56;
    box-shadow: 5px 5px 5px #8c673b;
    transition: 0.5s;
}
/*新V7样式*/
.fu_ass_on{
    width: 505px;
    position: absolute;
    right: -26px;
}
.fu_ass_on_s1{
    width: 167px;
    float: left;
}
.fu_ass_on_s1_z{
    margin-left: -5px;
}
.fu_ass_on_s1_y{
    margin-left: -5px;
}
.fu_ass_on_s2{
    background: url("../images/xu_pc_gai_02.png")no-repeat center;
    height: 235px;
    width: 167px;
}
.fu_ass_on_s2:hover{
    background: url("../images/xu_pc_gai_02s.png")no-repeat center;
    height: 235px;
    width: 167px;

}
.fu_ass_on_s3{
    background: url("../images/xu_pc_gai_03.png")no-repeat center;
    height: 235px;
    width: 167px;
}
.fu_ass_on_s3:hover{
    background: url("../images/xu_pc_gai_03s.png")no-repeat center;
    height: 235px;
    width: 167px;
}

.fu_ass_on_s4{
    background: url("../images/xu_pc_gai_04.png")no-repeat center;
    height: 235px;
    width: 167px;
}
.fu_ass_on_s4:hover{
    background: url("../images/xu_pc_gai_04s.png")no-repeat center;
    height: 235px;
    width: 167px;
}

.fu_ass_on_s5{
    background: url("../images/xu_pc_gai_05.png")no-repeat center;
    height: 235px;
    width: 167px;
}
.fu_ass_on_s5:hover{
    background: url("../images/xu_pc_gai_05s.png")no-repeat center;
    height: 235px;
    width: 167px;
}

/*设计师*/
/*.swiper-container_desg .swiper-button-prev,.swiper-container_desg .swiper-button-next{background:url(../picture/land_pc_111.png) !important;}*/
.denger{width: 100%;height: 600px;}
.denger .denger_cen{width: 1280px;margin: auto;height: 100%;position: relative;overflow: hidden}
.denger .denger_cen .den_d1,.denger .denger_cen .den_d2,.denger .denger_cen .den_d{
    height: 600px
}


.denger .denger_cen .den_d1{ width:1033px }
.denger .denger_cen .den_d2{width: 230px; position: absolute;  left: 1033px;  top: 0rem;}
.denger .denger_cen .den_d1 img{height: 100%;}
.denger .denger_cen .den_d1 .den_d_zx{
    width: 204px;  height: 0.5rem;  background: rgba(0,0,0,0); color: #aa895c;  text-align: center;  line-height: 0.5rem;
    border-radius: 0.05rem;
    font-size: 0.2rem;
    transition: 1s;
    position: absolute;
    top: 4.5rem ;
    border: 1px solid #aa895c;
    left: 400px;
}
.denger .denger_cen .swiper-button-next,.denger .denger_cen .swiper-button-prev{width: 27px;height: 44px; top:5.42rem;  transition: ease 1s;}
.denger .denger_cen .swiper-button-next{background: url(../picture/land_pc_112.png) no-repeat center;right: 60px}
.denger .denger_cen .swiper-button-prev{background: url(../picture/land_pc_111.png) no-repeat center;left: 1075px}
#hd_index_sp:after,#hd_index_sn:after{display: none}
.denger .denger_cen .swiper-button-next:hover{
    right:50px;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 1;
}

.denger .denger_cen .swiper-button-prev:hover{
    left:1065px;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 1;

}
.denger .denger_cen .den_d1 .den_d_zx:hover{background:#aa895c;color: #fff }


.land_pc_gai_so_yi{
    width: 100%;
    height: auto;
    position: relative;
    background-color: #232227;
}
.swiper-container_desg{
    width: 12.63rem;
    position: relative;
    margin: auto;
}
.swiper-container_desg .swiper-slide{
    width: 12.615rem;
    position: relative;
    display: table;
}
@media screen and (max-width: 1600px) {
    .swiper-container_desg .swiper-slide{
        width: 12.592rem;
    }
}
@media screen and (max-width: 1440px) {
    .swiper-container_desg .swiper-slide{
        width: 12.594rem;
    }
}
.swiper-slide_zuo{
    width: 4.85rem;
    height: 6rem;
    float: left;
    overflow:hidden;
}
.swiper-slide_zuo img{
    display: table;
    width: 100%;
}
.swiper-slide_zhong{
    width: 5.4rem;
    height: auto;
    float: left;
    position: relative;
}
.swiper-slide_you{
    width: 2.32rem;
    height: 6.82rem;
    background-color: #aa895c;
    position: absolute;
    bottom: 0rem;
    right: 0rem;
}
.swiper-slide_you span{
    position: absolute;
    bottom: 0rem;
    right: 0rem;
}
.swiper-slide_you_top{
    width: 2.3rem;
    height: 0.82rem;
    background-color: #aa895c;
    position: absolute;
    right: 0rem;
    bottom: 0rem;
}
.swiper-slide_you_button{
    width: 7.79rem;
    position: absolute;
    bottom: 0.36rem;
    left: 8.12rem;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
    left: 10.7rem;
    top: 5.42rem;
    background: url(" ");
    transition: ease 1s;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
    top: 5.42rem;
    right: 0.4rem;
    background: url(" ");
    transition: ease 1s;
}
.swiper-slide_zhong_po{
    width: 4.4rem;
    position: absolute;
    left: 0.55rem;
    top: 1.95rem;
}
.swiper-slide_zhong_po_on b{
    font-size: 0.3rem;
    color: #fff;
}
.swiper-slide_zhong_po_on span{
    font-size: 0.14rem;
    font-family: 方正兰亭超细黑简体;
    margin-left: 3px;
    text-decoration: underline;
    color: #fff;
}
.land_pc_design_for_on_you_to{
    font-size: 0.18rem;
    color: #fff;
    margin-bottom: 20px;
}
.land_pc_design_for_on_you_so{
    width: 2.04rem;
    height: 0.5rem;
    background: rgba(0,0,0,0);
    color: #aa895c;
    text-align: center;
    line-height: 0.5rem;
    border-radius: 0.05rem;
    font-size: 0.2rem;
    transition: 1s;
    position: relative;
    top: 4.5rem;
    border: 1px solid #aa895c;
}
.swiper-slide{
    overflow: hidden;
}
.swiper-slide-active{
    overflow: auto;
}
.swiper-slide-active .touming{
    display: none;
}
.land_pc_design_for_on_you_so:hover{
    transition: 1s;
    background-color: #c4985b;
    color:#fff ;
}



.swiper-button-prev img{
    opacity: 0.6;
    -webkit-transition: ease 1s;
    transition: ease 1s;
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%;
}
.swiper-button-prev:hover{
    left: 10.6rem;
    transition: ease 1s;
}
.swiper-button-next:hover{
    right: 0.3rem;
    transition: ease 1s;
}
.swiper-button-prev:hover img{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 1;

}
.swiper-button-next img{
    opacity: 0.6;
    transition: 1s;
    -webkit-transition: ease 1s;
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%;
}
.swiper-button-next:hover img{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 1;
}
/*案例*/
.land_case_ons {
    width: 100%;
    margin: auto;
    position: relative;
    display: table;
}

.land_case_ons_yi {
    width: 410px;
    float: left;
    margin-left: 2.8rem;
}

.land_case_ons_yi_on {
    font-size: 0.3rem;
    color: #fff;
    width: 4rem;
    margin-left: 0.75rem;
    margin-top: 0.2rem;
    margin-bottom: 0.15rem;
    line-height: 0.5rem;
}

.land_case_ons_yi_to {
    width: 3.4rem;
    margin-left: 0.75rem;
    line-height: 0.3rem;
    font-size: 0.16rem;
    color: #fff;
}

.land_case_ons_yi_so {
    width: 1.15rem;
    height: 0.4rem;
    margin-left: 4rem;
    margin-top: 0.3rem;

}

.land_case_ons_er {
    width: 9.01rem;
    height: 4.1rem;
    float: right;
    margin-right: 0.5rem;
}

.slideBox {
    position: relative;
}

.slideBox .prev {
    position: absolute;
    left: 10%;
    top: 6.6rem;
    opacity: 0;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 5px;
}

.slideBox .next {
    position: absolute;
    right: 10%;
    top: 6.6rem;
    opacity: 0;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 5px;
}

.videos-play {
    display: none;
}

.case_down {
    padding: 0.25rem 0 0 0;
    color: #fff;
}

@media screen and (max-width: 1600px) {
    .case_down {
        padding: 0.15rem 0 0 0;
        color: #fff;
    }
}

.case_style_img {
    top: 0.6rem;
}

.videos-play {
    width: 100%;
    height: 100%;
    background: #000;
    position: relative;
}

.videos-play video {
    width: 1200px;
    height: 680px;
}

.land_pc_gai_sx_yi {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.case_more {
    color: #fff;
}

.case_style {
    color: #fff;
}

.lh-more {
    display: inline-block;
    width: 1.5rem;
    height: 0.4rem;
    line-height: 0.4rem;
    text-align: center;
    color: #c4985b;
    background: #ffffff;
    box-shadow: 0 0 10px rgba(12, 3, 6, .13);
    position: relative;
    z-index: 1;
    font-size: 0.2rem;
}

.lh-more i {
    float: right;
    display: inline-block;
    width: 0.4rem;
    height: 0.4rem;
    line-height: 0.4rem;
    background: #c4985b;
    color: #ffffff;
    font-size: 0.2rem;
    transition: ease .65s;
    position: relative;
    z-index: 1;
    margin-right: 0
}

.lh-more i:after {
    transition: ease-in .65s;
    content: '';
    display: block;
    width: 0;
    height: 100%;
    background: #fff;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.lh-more:before {
    transition: ease-out .35s;
    content: '';
    display: block;
    width: 0;
    height: 100%;
    background: #c4985b;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.lh-more:hover {
    color: #ffffff;
}

.lh-more:hover:before {
    width: 100%;
}

.lh-more:hover i {
    color: #c4985b;
    transition-delay: .2s;
}

.lh-more:hover i:after {
    width: 100%;
    transition-delay: .2s;
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.case_style {
    transition: 1s;
}

.case_style:hover {
    transition: 1s;
}

.slideBox:hover .prev {
    opacity: 1;
    transition: 1s;
}
.slideBox:hover .next {
    opacity: 1;
    transition: 1s;
}


/*案例*/


.land_case_ons {
    width: 100%;
    margin: auto;
    position: relative;
    display: table;
}

.land_case_ons_yi {
    width: 410px;
    float: left;
    margin-left: 2.8rem;
}

.land_case_ons_yi_on {
    font-size: 0.3rem;
    color: #fff;
    width: 4rem;
    margin-left: 0.75rem;
    margin-top: 0.2rem;
    margin-bottom: 0.15rem;
    line-height: 0.5rem;
}

.land_case_ons_yi_to {
    width: 3.4rem;
    margin-left: 0.75rem;
    line-height: 0.3rem;
    font-size: 0.16rem;
    color: #fff;
}

.land_case_ons_yi_so {
    width: 1.15rem;
    height: 0.4rem;
    margin-left: 4rem;
    margin-top: 0.3rem;

}

.land_case_ons_er {
    width: 9.01rem;
    height: 4.1rem;
    float: right;
    margin-right: 0.5rem;
}

.slideBox {
    position: relative;
}

.slideBox .prev {
    position: absolute;
    left: 10%;
    top: 6.6rem;
    opacity: 0;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 5px;
}

.slideBox .next {
    position: absolute;
    right: 10%;
    top: 6.6rem;
    opacity: 0;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 5px;
}

.videos-play {
    display: none;
}

.case_down {
    padding: 0.25rem 0 0 0;
    color: #fff;
}

@media screen and (max-width: 1600px) {
    .case_down {
        padding: 0.15rem 0 0 0;
        color: #fff;
    }
}

.case_style_img {
    top: 0.6rem;
}

.videos-play {
    width: 100%;
    height: 100%;
    background: #000;
    position: relative;
}

.videos-play video {
    width: 1200px;
    height: 680px;
}

.land_pc_gai_sx_yi {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.case_more {
    color: #fff;
}

.case_style {
    color: #fff;
}

.lh-more {
    display: inline-block;
    width: 1.5rem;
    height: 0.4rem;
    line-height: 0.4rem;
    text-align: center;
    color: #c4985b;

    background: #ffffff;
    box-shadow: 0 0 10px rgba(12, 3, 6, .13);
    position: relative;
    z-index: 1;
    font-size: 0.2rem;
}

.lh-more i {
    float: right;
    display: inline-block;
    width: 0.4rem;
    height: 0.4rem;
    line-height: 0.4rem;
    background: #c4985b;
    color: #ffffff;
    font-size: 0.2rem;
    transition: ease .65s;
    position: relative;
    z-index: 1;
    margin-right: 0
}

.lh-more i:after {
    transition: ease-in .65s;
    content: '';
    display: block;
    width: 0;
    height: 100%;
    background: #fff;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.lh-more:before {
    transition: ease-out .35s;
    content: '';
    display: block;
    width: 0;
    height: 100%;
    background: #c4985b;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.lh-more:hover {
    color: #ffffff;
}

.lh-more:hover:before {
    width: 100%;
}

.lh-more:hover i {
    color: #c4985b;
    transition-delay: .2s;
}

.lh-more:hover i:after {
    width: 100%;
    transition-delay: .2s;
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.case_style {
    transition: 1s;
}

.case_style:hover {
    transition: 1s;
}

.slideBox:hover .prev {
    opacity: 1;
    transition: 1s;
}

.slideBox:hover .next {
    opacity: 1;
    transition: 1s;
}

/*首页报名*/
.land_pc_gai_sei_yi {
    width: 11.83rem;
    position: absolute;
    top: 2.56rem;
    right: 1.6rem;
}

.land_pc_gai_sei_yi_input {
    width: 3.6rem;
    height: 0.55rem;
    font-size: 0.18rem;
    text-indent: 0.74rem;
    border: 1px solid #f06827;
    background: rgba(0, 0, 0, 0);
    border-radius: 0.05rem;
}

.land_pc_gai_sei_yi input:hover {
    width: 3.6rem;
    height: 0.55rem;
    font-size: 0.18rem;
    text-indent: 0.74rem;
    border: 1px solid #ff0606;
    background: rgba(0, 0, 0, 0);
    -webkit-box-shadow: #707070 0px 0px 2px;
    -moz-box-shadow: #707070 0px 0px 2px;
    box-shadow: #707070 0px 0px 2px;
    border-radius: 0.05rem;
}

.pinur_on {
    width: 3.6rem;
    height: 0.55rem;
    font-size: 0.18rem;
    text-indent: 0.74rem;
    border: 1px solid #ff0606;
    background: rgba(0, 0, 0, 0);
    -webkit-box-shadow: #707070 0px 0px 10px;
    -moz-box-shadow: #707070 0px 0px 10px;
    box-shadow: #707070 0px 0px 10px;
    border-radius: 0.05rem;
}

.land_pc_gai_sei_yi_input_si {
    margin-left: 0.45rem;
    margin-right: 0.45rem;
}

.land_pc_gai_sei_yi_button {
    width: 2rem;
    height: 0.55rem;
    background: rgba(0, 0, 0, 0);
    font-size: 0.2rem;
    color: #e84506;
    border-radius: 0.05rem;
    transition: 1s;
    cursor: pointer;
    border: 1px solid #e84506;
    float: right;
    text-align: center;
    line-height: 0.55rem;
}

.land_pc_gai_sei_yi_button:hover {
    transition: 1s;
    background-color: #e84506;
    color: #fff;
}

.land_ecs_rest {
    width: 7.81rem;
    position: absolute;
    right: 1.6rem;
    top: 1.28rem;
}

.land_ecs_rest ul {
    display: table;
}

.land_ecs_rest ul li {
    width: 0.71rem;
    float: left;
    text-align: center;
    font-size: 0.16rem;
    transition: 1s;
    color: #333;
    margin-right: 1.06rem;
    cursor: pointer;
}

.land_ecs_rest ul li:hover {
    color: #a2835a;
    transition: 1s;
}

.land_ecs_rest_a {
    width: 0.71rem;
    height: 0.72rem;
    background: url(../images/qs_01.png) no-repeat;
    background-size: 100%;
    transition: 1s;
}

.land_ecs_rest ul li:hover .land_ecs_rest_a {
    background: url(../images/qs_01s.png) no-repeat;
    transition: 1s;
    background-size: 100%;
}

.land_ecs_rest_b {
    width: 0.71rem;
    height: 0.72rem;
    background: url(../images/qs_02.png) no-repeat;
    background-size: 100%;
    transition: 1s;
}

.land_ecs_rest ul li:hover .land_ecs_rest_b {
    background: url(../images/qs_02s.png) no-repeat;
    transition: 1s;
    background-size: 100%;
}

.land_ecs_rest_c {
    width: 0.71rem;
    height: 0.72rem;
    background: url(../images/qs_03.png) no-repeat;
    background-size: 100%;
    transition: 1s;
}

.land_ecs_rest ul li:hover .land_ecs_rest_c {
    background: url(../images/qs_03s.png) no-repeat;
    transition: 1s;
    background-size: 100%;
}

.land_ecs_rest_d {
    width: 0.71rem;
    height: 0.72rem;
    background: url(../images/qs_04.png) no-repeat;
    background-size: 100%;
    transition: 1s;
}

.land_ecs_rest ul li:hover .land_ecs_rest_d {
    background: url(../images/qs_04s.png) no-repeat;
    transition: 1s;
    background-size: 100%;
}

.land_ecs_rest_e {
    width: 0.71rem;
    height: 0.72rem;
    background: url(../images/qs_05.png) no-repeat;
    background-size: 100%;
    transition: 1s;
}

.land_ecs_rest ul li:hover .land_ecs_rest_e {
    background: url(../images/qs_05s.png) no-repeat;
    transition: 1s;
    background-size: 100%;
}

.land_ecs_rest_wen {
    margin-top: 0.1rem;
}

.land_ecs_meng {
    width: 3.34rem;
    position: absolute;
    left: 1.6rem;
    top: 1.27rem;
}

.land_ecs_meng_on {
    width: 3.34rem;
    height: 1.16rem;
    border-radius: 0.05rem;
}

.land_ecs_meng_on:hover {
    background: rgba(255, 255, 255, 0.2);
    transition: 0.5s;
}

.land_ecs_meng_to {
    width: 100%;
    height: auto;
    position: relative;
    display: table;
    margin-top: 0.13rem;
}

.land_ecs_meng_to_a {
    width: 1.59rem;
    height: 1.2rem;
    border-radius: 0.05rem;
    float: left;
}

.land_ecs_meng_to_a:hover {
    background: rgba(51, 51, 51, 0.2);
    transition: 0.5s;
}

.land_ecs_meng_to_b {
    width: 1.59rem;
    height: 1.2rem;
    border-radius: 0.05rem;
    float: right;
    margin-right: 0.05rem;
}

.land_ecs_meng_to_b:hover {
    background: rgba(51, 51, 51, 0.2);
    transition: 0.5s;
}

/*底部导航*/
.land_footer_gai {
    width: 100%;
    background-color: #2e2e2e;
    display: table;
}

.land_footer_gai_on {
    width: 16rem;
    margin: auto;

}

.land_footer_gai_on_a {
    width: 100%;
    height: 1.6rem;
}

.land_footer_gai_on_a_img {
    width: 2.84rem;
}

.land_footer_gai_on_a_img img {
    width: 100%;
    display: table;
}

.land_footer_gai_on_b {
    width: 100%;
    display: table;
}

.land_footer_gai_on_b_yi {
    width: 3.7rem;
    float: left;
}

.land_footer_gai_on_b_er {
    width: 2.6rem;
    float: left;
    border-right: 1px solid #9f9e9e;
    text-align: center;
}

.land_footer_gai_on_b_san {
    width: 3rem;
    float: left;
    border-right: 1px solid #9f9e9e;
    text-indent: 1rem;
}

.land_footer_gai_on_b_si {
    width: 2.68rem;
    float: left;
    border-right: 1px solid #9f9e9e;
    text-align: center;
}

.land_footer_gai_on_b_wu {
    width: 3.9rem;
    float: left;
}

.land_footer_gai_on_b_yi_title {
    font-size: 0.22rem;
    color: #9f9e9e;
    margin-bottom: 0.25rem;
}

.land_fo_li ul li {
    font-size: 0.16rem;
    color: #9f9e9e;
    line-height: 0.35rem;
    cursor: pointer;
    transition: 1s;
}

.land_fo_li ul li:hover {
    color: #fff;
    transition: 1s;
    text-decoration: underline;
}

.land_buttom_so {
    width: 1.08rem;
}

.land_buttom_so img {
    width: 100%;
}

.land_buttom_so_text {
    font-size: 0.16rem;
}
.land_footer_gai_to {
    width: 100%;
    height: 0.7rem;
    line-height: 0.7rem;
    background-color: #272727;
    text-align: center;
    color: #bfc0c0;
    font-size: 0.14rem;
}
#tc_maps {
    width: 0%;
    height: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 99999999;
    overflow: hidden;
}

/*报价弹框*/
   #tc_yinyong{
     width:0%;
     height:100%;
     position:fixed;
     bottom:0;
     left:0;
     z-index:99999999;
     overflow: hidden;
 }
.tc_yinyong_dian{
    position: fixed;
    left: 0;
    top: 80%;
    z-index: 999999;
    width: 1.8rem;
    height: 0.96rem;
    border-top-right-radius:0.96rem;
    border-bottom-right-radius: 0.96rem;
    overflow: hidden;
    cursor: pointer;
}

/*弹框*/
.cofer_on {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 99999;
    background: rgba(0, 0, 0, 0.6);
    top:0px;
    left: -100%;
}
.ofer_on_center {
    width: 12.5rem;
    height: 7.3rem;
    position: relative;
    margin: auto;
    top: 15%;
    display: table;
    background: url("../images/kt_03.png") no-repeat center;
    background-size: 100%;
    background-color: #333;
}
.ofer_to {
    width: 3.7rem;
    float: left;
    margin-left: 0.82rem;
}
.ofer_to_kuang {
    width: 3.7rem;
    height: 0.47rem;
    border: 1px solid #b89e85;
    position: relative;
    display: table;
}

.ofer_to_zi {
    line-height: 0.47rem;
}

.ofer_to_xing {
    color: #b17f32;
    font-size: 0.3rem;
    position: relative;
    top: 0.1rem;
}

.ofer_to_tt {
    margin-left: 0.1rem;
    font-size: 0.18rem;
    color: #000;
}

.ofer_to_kuang_select {
    width: 1.2rem;
    line-height: 0.47rem;
    font-size: 0.18rem;
    height: 0.47rem;
    background: rgba(0, 0, 0, 0);
    outline: none;
    border: none;
    text-align: center;
    color: #000;
    margin-left: 0.4rem;
}

.ofer_to_kuang_select option {
    color: #000;
}

.ofer_to_kuang_input {
    width: 100%;
    line-height: 0.47rem;
    font-size: 0.18rem;
    height: 0.47rem;
    background: rgba(0, 0, 0, 0);
    outline: none;
    border: none;
    text-indent: 0.15rem;
    color: #fff;
}

.ofer_to_kuang_input::-webkit-input-placeholder {
    color: #666;
}

.ofer_to_kuang span {
    color: #000;
    font-size: 0.18rem;
    height: 0.47rem;
    line-height: 0.47rem;
    margin-left: 0.1rem;
}

.ofer_to_button {
    width: 3.7rem;
    height: 0.63rem;
    background-color: #b89e85;
    background-image: linear-gradient(to left, #b89679,#b89e85, #b8876d);
    border-radius: 0.63rem;
    color: #fff;
    line-height: 0.63rem;
    text-align: center;
    font-size: 0.3rem;
    outline: none;
    cursor: pointer;
    margin-top: 0.3rem;
}
.ofer_to_button:hover{
    background-image: linear-gradient(to left, #b8776b, #b87867, #b86349);
    color: #fff;
}
.ofer_on_tk_x {
    font-size: 0.4rem;
    position: absolute;
    right: 0.2rem;
    top: 0.2rem;
    color: #fff;
    font-family: 方正兰亭超细黑简体;
    cursor: pointer;
}

.ofer_on_tk_x:hover {
    color: #eac574;
    transition: 0.5s;
}

.ofer_so {
    width: 2.42rem;
    float: left;
    margin-left: 4.8rem;
    color: #f3732c;
    text-align: center;
    font-size: 0.5rem;
    margin-top: 0.3rem;
}
.ofer_so2 {
    width: 2.42rem;
    float: left;
    margin-left: 4.8rem;
    color: #f3732c;
    text-align: center;
    font-size: 0.5rem;
    margin-top:0.3rem;
    display: none;
}